<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <meta name="description" content="有了这个，就不用到处去找重复的了">
  <meta name="keyword" content="hexo, vuejs">
  
    <link rel="shortcut icon" href="/css/images/logo.png">
  
  <title>
    
      杂记
    
  </title>
  <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="//cdn.bootcss.com/nprogress/0.2.0/nprogress.min.css" rel="stylesheet">
  <link href="//cdn.bootcss.com/highlight.js/9.12.0/styles/tomorrow.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/plugins/gitment.css">
<link rel="stylesheet" href="/css/plugins/search.css">
  <script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
  <script src="//cdn.bootcss.com/geopattern/1.2.3/js/geopattern.min.js"></script>
  <script src="//cdn.bootcss.com/nprogress/0.2.0/nprogress.min.js"></script>
  <script src="/js/qrious.js"></script>
<script src="/js/gitment.js"></script>
<script src="/js/search.js"></script>
</head>
  <body>
    <header class="header fixed-header">
  <div class="header-container">
    <a class="home-link" href="/">
      <div class="logo"></div>
      <span>杂记</span>
    </a>
    <ul class="right-list">
        <li class="list-item">   
          <span class="algolia-autocomplete algolia-autocomplete-right" style="position: relative; display: inline-block; direction: ltr;">
            <input type="text" id="local-search-input" class="search-query st-default-search-input aa-input" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;">
          </span>
        </li>
      
        <li class="list-item">
          
            <a href="/" class="item-link active">Home</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/tags/" class="item-link">Tags</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/archives/" class="item-link">Archives</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/project/" class="item-link">Projects</a>
          
        </li>
      
        <li class="list-item">
          
            <a href="/about/" class="item-link">About</a>
          
        </li>
      
    </ul>
    <div class="menu">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </div>
    <div id="menu-mask" class="menu-mask">
      <ul class="menu-list">
        <li class="menu-item">   
          <span class="algolia-autocomplete algolia-autocomplete-right" style="position: relative; display: inline-block; direction: ltr;">
            <input type="text" id="mobile-search-input" class="search-query st-default-search-input aa-input" autocomplete="off" spellcheck="false" role="combobox" aria-autocomplete="list" aria-expanded="false" aria-owns="algolia-autocomplete-listbox-0" dir="auto" style="position: relative; vertical-align: top;">
          </span>
        </li>
        
          <li class="menu-item">
            
              <a href="/" class="menu-link mobile-active">Home</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/tags/" class="menu-link">Tags</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/archives/" class="menu-link">Archives</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/project/" class="menu-link">Projects</a>
            
          </li>
        
          <li class="menu-item">
            
              <a href="/about/" class="menu-link">About</a>
            
          </li>
        
      </ul>
    </div>
  </div>
<div class="ins-search">
    <div class="ins-search-mask"></div>
    <div class="ins-search-container">
        <div class="ins-input-wrapper">
            <input type="text" class="ins-search-input" placeholder="输入关键词" />
            <span class="ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
        </div>
        <div class="ins-section-wrapper">
            <div class="ins-section-container"></div>
        </div>
    </div>
</div>
<script>
(function (window) {
    var INSIGHT_CONFIG = {
        TRANSLATION: {
            POSTS: '博文',
            PAGES: '页面',
            CATEGORIES: '分类',
            TAGS: '标签',
            UNTITLED: '未定义',
        },
        ROOT_URL: '/',
        CONTENT_URL: '/content.json',
    };
    window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/js/insight.js"></script>

<div id="result-wrap" class="ins-search">
    <div id="local-search-result"></div>
</div>

<script type="text/javascript">      
     var search_path = "search.xml";
     if (search_path.length == 0) {
      search_path = "search.xml";
     }
     var path = "/" + search_path;
     searchFunc(path, 'local-search-input', 'local-search-result');
     searchFunc(path, 'mobile-search-input', 'local-search-result');
</script>
</header>

    <main class="app-body">
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/25/CSS中position属性-absolute-relative-static-fixed-详解/">CSS中position属性( absolute | relative | static | fixed )详解</a>
      </h2>
      <p class="article-date">August 25, 2017</p>
      
        
  <a href="/tags#css" >
    <span class="tag-code">css</span>
  </a>

      
      <div class="article-summary">
        
          我们先来看看CSS3 Api中对position属性的相关定义：

static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。
relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置 ...
        
      </div>
      <a class="more" href="/2017/08/25/CSS中position属性-absolute-relative-static-fixed-详解/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/Git忽略规则和-gitignore规则不生效的解决办法/">Git忽略规则和.gitignore规则不生效的解决办法</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#git" >
    <span class="tag-code">git</span>
  </a>

      
      <div class="article-summary">
        
          Git忽略规则：在git中如果想忽略掉某个文件，不让这个文件提交到版本库中，可以使用修改根目录中 .gitignore 文件的方法（如果没有这个文件，则需自己手工建立此文件）。这个文件每一行保存了一个匹配的规则例如：
以斜杠“/”开头表示目录；
以星号“*”通配多个字符；
以问号“?”通配单 ...
        
      </div>
      <a class="more" href="/2017/08/20/Git忽略规则和-gitignore规则不生效的解决办法/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/如何免费打造打造一个安全稳定低延迟超高速的科学上网环境/">如何免费打造打造一个安全稳定低延迟超高速的科学上网环境</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#GCP" >
    <span class="tag-code">GCP</span>
  </a>

      
      <div class="article-summary">
        
          如何免费打造打造一个安全稳定低延迟超高速的科学上网环境这篇文章将会介绍如何获取由 Google 提供的一年 $300 美金的试用金，然后使用 HyperApp 搭建一个低延迟超高速的科学上网环境。网络延迟基本在50ms左右，并且可以流畅观看 Youtube 4K 视频。本文不需要读者有较深的 ...
        
      </div>
      <a class="more" href="/2017/08/20/如何免费打造打造一个安全稳定低延迟超高速的科学上网环境/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/Git远程操作详解/">Git远程操作详解</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#git" >
    <span class="tag-code">git</span>
  </a>

      
      <div class="article-summary">
        
          Git是目前最流行的版本管理系统，学会Git几乎成了开发者的必备技能。
Git有很多优势，其中之一就是远程操作非常简便。本文详细介绍5个Git命令，它们的概念和用法，理解了这些内容，你就会完全掌握Git远程操作。

git clone
git remote
git fetch
git pul ...
        
      </div>
      <a class="more" href="/2017/08/20/Git远程操作详解/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/git pull和clone的区别及用法/">git pull 和 clone的区别及用法</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#git" >
    <span class="tag-code">git</span>
  </a>

      
      <div class="article-summary">
        
          一、git pullgit pull命令的作用是，取回远程主机某个分支的更新，再与本地的指定分支合并。
完整格式：$ git pull &lt;远程主机名&gt; &lt;远程分支名&gt;:&lt;本地分支名&gt;
完整格式举例：比如，取回origin主机的next分支，与本地的mast ...
        
      </div>
      <a class="more" href="/2017/08/20/git pull和clone的区别及用法/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/远程GitHub中的灰色图标的解决办法/">远程GitHub中的灰色图标的解决办法</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#git" >
    <span class="tag-code">git</span>
  </a>

      
      <div class="article-summary">
        
          问题描述任何人都可以告诉我为什么我把我的文件推送到github时有灰色图标？在应用程序目录中，应该有模型，视图和控制器，但在远程GitHub中，我无法点击。

最佳解决方案看起来你创建了一个子模块，指向一个不可达的远程位置。
见this answer。该图标在绿色时将指向子模块。因为子模块配 ...
        
      </div>
      <a class="more" href="/2017/08/20/远程GitHub中的灰色图标的解决办法/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/使用AppVeyor自动部署Hexo到Github/">使用AppVeyor自动部署Hexo到Github</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#git" >
    <span class="tag-code">git</span>
  </a>

  <a href="/tags#hexo" >
    <span class="tag-code">hexo</span>
  </a>

  <a href="/tags#appveyor" >
    <span class="tag-code">appveyor</span>
  </a>

      
      <div class="article-summary">
        
          一、转载别人的教程想必很多人会把Hexo生成出来的静态网站放到GitHub Pages来进行托管。一般发布Hexo博客的流程是，首先在本地搭建Hexo的环境，编写新文章，然后利用hexo deploy来发布到Git。那么对于本地的Hexo的原始文件怎么管理呢？如果换电脑了怎么办？如果没有对原 ...
        
      </div>
      <a class="more" href="/2017/08/20/使用AppVeyor自动部署Hexo到Github/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/使用Travis-CI自动部署Hexo/">使用Travis CI自动部署Hexo</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#git" >
    <span class="tag-code">git</span>
  </a>

  <a href="/tags#hexo" >
    <span class="tag-code">hexo</span>
  </a>

  <a href="/tags#Travis" >
    <span class="tag-code">Travis</span>
  </a>

      
      <div class="article-summary">
        
          前两天了解到了一个有趣的概念叫持续集成：

持续集成是一种软件开发实践。在持续集成中，团队成员频繁集成他们的工作成果，一般每人每天至少集成一次，也可以多次。每次集成会经过自动构建（包括自动测试）的检验，以尽快发现集成错误。许多团队发现这种方法可以显著减少集成引起的问题，并可以加快团队合作软件 ...
        
      </div>
      <a class="more" href="/2017/08/20/使用Travis-CI自动部署Hexo/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/GIT相关命令/">GIT相关命令</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#git" >
    <span class="tag-code">git</span>
  </a>

      
      <div class="article-summary">
        
          查看所有分支1git branch -a
查看本地分支1git branch
查看远程分支123git remote git remote -v     # 带详细信息
添加远程仓库123git remote add [shortname][url]git remote add pb git ...
        
      </div>
      <a class="more" href="/2017/08/20/GIT相关命令/">Read more</a>
    </article>
  
    <article class="article-card">
      <h2 class="article-head">
        <a href="/2017/08/20/使用Travis自动部署hexo/">使用Travis自动部署hexo</a>
      </h2>
      <p class="article-date">August 20, 2017</p>
      
        
  <a href="/tags#hexo" >
    <span class="tag-code">hexo</span>
  </a>

  <a href="/tags#Travis" >
    <span class="tag-code">Travis</span>
  </a>

      
      <div class="article-summary">
        
          转载自http://blog.csdn.net/xuezhisdc/article/details/53130423
新建Personal Access Token
点击右上角头像旁边的三角，在菜单中点击“Setting”，进入设置页面。
点击左侧栏的最下面的“Personal access ...
        
      </div>
      <a class="more" href="/2017/08/20/使用Travis自动部署hexo/">Read more</a>
    </article>
  

  
    <div id="page-nav">
        <a class="extend prev" rel="prev" href="/">&#171; 上页</a><a class="page-number" href="/">1</a><span class="page-number current">2</span><a class="page-number" href="/page/3/">3</a><a class="extend next" rel="next" href="/page/3/">下页 &#187;</a>
</div>
  
</main>


    <div class="scroll-top">
  <span class="arrow-icon"></span>
</div>
    <footer class="app-footer">
  <p class="copyright">
    &copy; 2017 | Proudly powered by <a href="https://hexo.io" target="_blank">Hexo</a>
    <br>
    Theme by <a href="https://github.com/yanm1ng">yanm1ng</a> | Mod by <a href="https://github.com/ycg31">ycg31</a>
  </p>
</footer>

<script>
  function async(u, c) {
    var d = document, t = 'script',
      o = d.createElement(t),
      s = d.getElementsByTagName(t)[0];
    o.src = u;
    if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
    s.parentNode.insertBefore(o, s);
  }
</script>
<script>
  async("//cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js", function(){
    FastClick.attach(document.body);
  })
</script>

<script>
  var hasLine = 'true';
  async("//cdn.bootcss.com/highlight.js/9.12.0/highlight.min.js", function(){
    $('figure pre').each(function(i, block) {
      var figure = $(this).parents('figure');
      if (hasLine == 'false') {
        figure.find('.gutter').hide();
      }
      var lang = figure.attr('class').split(' ')[1] || 'code';
      var codeHtml = $(this).html();
      var codeTag = document.createElement('code');
      codeTag.className = lang;
      codeTag.innerHTML = codeHtml;
      $(this).attr('class', '').empty().html(codeTag);
      figure.attr('data-lang', lang.toUpperCase());
      hljs.highlightBlock(block);
    });
  })
</script>
<!-- Baidu Tongji -->

<script src="/js/script.js"></script>
  </body>
</html>